<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>网页1</title>
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300|Open+Sans:700" rel="stylesheet"/>
    <link rel="stylesheet" href="网页1.css" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body onload="init();init1();init2();init3();init4();init5();init6()">

<div class="page">
    <!-- ==== START MASTHEAD ==== -->
    <header class="masthead" role="banner">
        <p class="logo"><a href="/"><img src="实验三/实验二.jpg" alt="实验二" /></a></p>
        <nav role="navigation">
            <ul class="nav-main">
                <li><a href="first.html">首页</a></li>
                <li><a href="网页1.html" class="current-page">联盟简介</a></li>
                <li><a href="网页.html">英雄介绍（部分）</a></li>
                <li><a href="网页7.html">赛事概况</a></li>
            </ul>
        </nav>
    </header>
    <!-- end masthead -->

    <div class="container clearfix">
        <!-- ==== START MAIN ==== -->
        <main role="main">
            <section class="post">
                <h1>联盟简介</h1>

                <img src="实验三/实验二0.jpg" width="600" height="365" alt="" class="post-photo-full" />

                <div class="post-blurb">
                    <p id="content">《英雄联盟》(简称LOL)是由美国拳头游戏(Riot Games)开发、中国大陆地区腾讯游戏代理运营的英雄对战MOBA竞技网游。游戏里拥有数百个个性英雄，并拥有排位系统、符文系统等特色养成系统。《英雄联盟》还致力于推动全球电子竞技的发展，除了联动各赛区发展职业联赛、打造电竞体系之外，每年还会举办“季中冠军赛”“全球总决赛”“All Star全明星赛”三大世界级赛事，获得了亿万玩家的喜爱，形成了自己独有的电子竞技文化。</p>
                </div>

            </section>

            <section class="post">
                <h2><nav role="navigation">
                    <ol class="pagination">
                        <li><a href="https://baike.baidu.com/item/%E6%88%98%E4%BA%89%E5%AD%A6%E9%99%A2/8973494">战争学院</a></li>
                    </ol>
                </nav></h2>
                <img src="实验四/实验四1.png" width="400" height="300" alt="" class="post-photo" />
                <div class="post-blurb">
                    <p id="content1">战争学院是英雄联盟裁决瓦罗兰政治纠纷之地。这里是绝对中立的领土，严禁任何纷争。违反者将面对学院的士兵和魔法。学院坐落于一座巨型水晶枢纽之上，由黑曜石、贵金属和魔法塑形而成。它位于莫格罗恩关隘的北方入口，刚好位于相互敌对的城邦德玛西亚和诺克萨斯之间。除了作为英雄联盟所在地，战争学院还是瓦罗兰最权威的军事培训机构。很多图书馆都致力于收录战争学院的英雄信息，并向所有研究者开放。 [2]战争学院内部是马约里斯秘术中心，部分是魔法学校，部分是法术储藏地，还有一部分是雇佣经纪处。马约里斯秘术中心是召唤师们交易游戏金币的中心，无论新手还是大师都可以在这里花费自己从正义之地挣得的金币，换取他们感兴趣的物件。召唤师可以在此消耗金币，换取召唤新保卫者化身的能力。
                </div>

                <h2><nav role="navigation">
                    <ol class="pagination">
                        <li><a href="https://baike.baidu.com/item/%E8%AF%BA%E5%85%8B%E8%90%A8%E6%96%AF">诺克萨斯</a></li>
                    </ol>
                </nav></h2>
                <img src="实验四/实验四2.png" width="400" height="300" alt="" class="post-photo" />
                <div class="post-blurb">
                    <p id="content2">人类城邦诺克萨斯坐落在瓦罗兰大陆远东中心，它在道德准则上和德玛西亚对比大相径庭。这个城市无论在物质上还是精神上都不择手段的追求强大权力，丝毫不顾对别人带来的影响。就诺克萨斯居民的素质而言，基本都是这条准则的支持者。虽然看起来很残酷，不过并非就是混乱的标志。由于人之本性，诺克萨斯是一个有序的城邦，保护局面不受侵害，至少不受同类侵害。不过在诺克萨斯，有权者受到法律的明显偏袒保护。此地政治上的最高统治机构是诺克萨斯最高统帅部，这也是该国最高军事权力机构。在诺克萨斯，军队控制着政治版图的方方面面；战争和政治没有明显的分界线。
                </div>

                <h2><nav role="navigation">
                    <ol class="pagination">
                        <li><a href="https://baike.baidu.com/item/%E5%BE%B7%E7%8E%9B%E8%A5%BF%E4%BA%9A/9292534">德玛西亚</a></li>
                    </ol>
                </nav></h2>
                <img src="实验四/实验四3.jpg" width="400" height="300" alt="" class="post-photo" />
                <div class="post-blurb">
                    <p id="content3"> 人类城邦德玛西亚坐落在瓦罗兰的西部海岸。德玛西亚人民的共同目标是通过善良和正义让所有人都过得更好。他们认为恶毒自私如同疾病，应当从人类灵魂中根除。来到德玛西亚并定居于此的人们，具有和本地居民一样的理想和美德。损人利己的人很快会发现，在这里他们下场是放逐或者更糟。德玛西亚是一座闪亮的灯塔，放射出人性的希望之光，这座城市本身即为信念的直观展示。城市看上去纯净质朴，高耸的尖塔点缀着德玛西亚的地平线。德玛西亚是最早支持英雄联盟的城邦之一，不过他们的出发点不是维护星球的稳定性，更多的是处于对诺克萨斯对瓦罗兰威胁的担忧。
                </div>

                <h2><nav role="navigation">
                    <ol class="pagination">
                        <li><a href="https://baike.baidu.com/item/%E7%8F%AD%E5%BE%B7%E5%B0%94%E5%9F%8E">班德尔城</a></li>
                    </ol>
                </nav></h2>
                <img src="实验四/实验四4.jpg" width="400" height="300" alt="" class="post-photo" />
                <div class="post-blurb">
                    <p id="content4">班德尔城是符文之地最古老的城邦，它的历史比德玛西亚和诺克萨斯还早。班德尔城也是瓦洛兰最与世隔绝的城邦——约德尔人喜欢这样。虽然约德尔人非常友好互助，不过城市的天然自我保护性却阻碍了他们享受生活。班德尔城市斥候熟知黑貂山脉每一个角落与缝隙，他们的职责是确保每一位有着合法理由的冒险者，让他们可以安全完成任务。斥候们沿着一条精心维护的道路巡视着整个盆地。斥候们甚至还保持着四通八达的地下通道网络，可以迅速穿越盆地峡谷，挫败敌人试图越过山脉计划，或是迅速到达喧嚣的海岸线。班德尔城是瓦罗兰人口最少的城邦之一，不过他们的影响力早已越过山脉南部，一直传达到守护者之海海岸。班德尔城外无数农场和小型村落点缀在如画风景中。
                </div>

                <h2><nav role="navigation">
                    <ol class="pagination">
                        <li><a href="https://baike.baidu.com/item/%E8%89%BE%E6%AC%A7%E5%B0%BC%E4%BA%9A">艾欧尼亚</a></li>
                    </ol>
                </nav></h2>
                <img src="实验四/实验四5.png" width="400" height="300" alt="" class="post-photo" />
                <div class="post-blurb">
                    <p id="content5">艾欧尼亚位于瓦罗兰大陆之外，诺克萨斯东北。虽然该国的主要人口组成是人类，但部分约德尔人和其他世界性种族也将这里视为家园。艾欧尼亚有许多宗教中心和学校。艾欧尼亚法院是全瓦罗兰公认的公平和中立的典范。所以艾欧尼亚审判官是除了英雄联盟审判者之外最受青睐的职位。艾欧尼亚长期以来一直申明对瓦罗兰的政治事务保持中立，不过这一姿态并不能让艾欧尼亚远离大陆的纷争。人类强权城邦诺克萨斯已经将征服目标转向了艾欧尼亚。在英雄联盟有能力全面影响瓦洛兰的政治事务之前，诺克萨斯已经发动了旨在征服艾欧尼亚的一系列战役。艾欧尼亚成功挡住了诺克萨斯最高指挥部的攻击。事实上，诺克萨斯和艾欧尼亚之间胶着的战事，以及诺克萨斯试图将战争升级的后续举动是联盟成立的主要诱因之一。
                </div>

                <h2><nav role="navigation">
                    <ol class="pagination">
                        <li><a href="https://baike.baidu.com/item/%E5%BC%97%E9%9B%B7%E5%B0%94%E5%8D%93%E5%BE%B7">弗雷尔卓德</a></li>
                    </ol>
                </nav></h2>
                <img src="实验四/实验四6.png" width="400" height="300" alt="" class="post-photo" />
                <div class="post-blurb">
                    <p id="content6">坐落于瓦罗兰大陆西北方的永冻苔原。早期因为内部纷争加上地处边疆，导致居住于此的种族不喜欢与外界往来，独然而居。在种种因素与诺克萨斯的推力下，让他们成为了瓦罗兰大陆中，第八个也是最新的一座城邦。弗雷尔卓德是冰雪风暴之乡。这是一个无情的地方，山地长年被冰雪所覆盖。弗雷尔卓德位于瓦罗兰大陆北部冻苔原地带，来这里旅游，特别是在冬季，是非常危险的。在这里有一个世上最大的冰雪漩涡，包围着整个大陆的北方。弗雷尔卓德人经历了多年的战争。在这一代，由传奇三姐妹分别带领着各自的部落而战，分别是——阿瓦罗萨部落的艾希公主、寒冬之爪部落的瑟庄妮公主，以及玛芙乐公主统一苦行僧部落。
                </div>
            </section>
        </main>
        <!-- end main -->

        <!-- ==== START SIDEBAR ==== -->
        <div class="sidebar">
            <div class="mod">
                <h2>召唤师技能</h2>
                <img src="实验四/实验四13.jpg" width="298" height="250" alt="" />
                <p>召唤师技能是英雄联盟的一大特色，每个玩家将有两个独立安放召唤师技能的技能栏，召唤师技能独立计算CD，不需要任何消耗手段。但却是游戏中极为重要的一部分，不同的召唤师技能作用截然不同，你可以根据自己或队伍的战术战略需求随意配置自己的召唤师技能。召唤师技能随着召唤师的等级逐渐解锁，必须记住的是，你只能携带两个不同的召唤师技能，而且一进游戏就不能更改，只能等到下一盘游戏前才能更改。
                </p>
            </div>

            <div class="mod">
                <h2>符文系统</h2>
                <img src="实验四/实验四14.png" width="298" height="200" alt="" class="map" />
                <p>玩家可以在英雄选择时根据自己的玩法调整及自定义符文，共计60枚符文全部免费。每个符文系中都有一个最强大的符文 - 基石，可以根据自己操作英雄的类型和追求进行调整</p>
            </div>

            <div class="mod">
                <h2>排位赛</h2>
                <img src="实验四/实验四15.jpg" width="298" height="200" alt="" class="map" />
                <p>当你的账号到达30级，并且拥有至少20名英雄 ，就可以参加排位赛了。
                    <br/>预选位模式：
                    与之前的征召模式不同，在预选位模式中，你可以从（上单、打野、中单、下路、辅助、补位）6个位置中选取其中2个，确定后再进入队列。双方的进行ban人，可ban10名英雄，每人ban一人；蓝色方1楼率先pick，之后红色方1、2楼选人，再轮到蓝色方2、3楼选人，照这样的z字式选取。双方玩家选人完毕后进入游戏。
                    <br/>天梯段位：
                    游戏获胜或失败之后，系统都会给玩家结算，增加/扣除一定的胜点数，来增加或降低你的游戏段位。
                    <br/>段位由低到高分别为：黄铜-白银-黄金-铂金-钻石-超凡大师-最强王者。
                </p>
            </div>

            <div class="mod">
                <h2>好友系统</h2>
                <img src="实验四/实验四16.jpg" width="298" height="200" alt="" class="map" />
                <p>在游戏平台界面的左下角，可查看到好友列表的缩小图标，图标中可看到当前好友在线人数；点击后则会弹出自己的好友列表界面。
                    <br/>空闲状态：代表召唤师处于空闲状态；游戏好友列表中，处于空闲的召唤师名或者好友名后方显示的绿色按钮。
                    <br/>忙碌状态：代表召唤师处于游戏、匹配或队伍等待列表中；游戏好友列表中，处于繁忙状态的召唤师名或者好友名后方显示的黄色按钮。
                </p>
            </div>

            <div class="mod">
                <h2>观战系统</h2>
                <img src="实验四/实验四17.jpg" width="298" height="200" alt="" class="map" />
                <p>当你发现名字旁边有个“眼睛”的图标时，说明你可以观看他此时正在进行的比赛。在好友列表右击好友的名字，在下拉菜单中选择“观察者模式”，就可以观看该好友正在进行比赛。
                    <br/>导播镜头：只要选择了这种模式，镜头会自动跟着比赛节奏走，你不需要做任何操作。镜头会给你展示精彩的团战或者一些重要时刻，无缝跳转。导播镜头会优先播放一些玩家感兴趣的时刻，如英雄击杀。
                    当几个英雄都同时出现在一个屏幕上时，镜头会自动调整，把所有的英雄都纳入到镜头范围内。
                </p>
            </div>

            <div class="mod">
                <h2>直播系统</h2>
                <img src="实验四/实验四18.jpg" width="298" height="200" alt="" class="map" />
                <p>LOL电视台是英雄联盟官方推出的直播功能，玩家在游戏窗口右下角的功能栏中可找到相应按钮，它分为赛事直播频道、精彩赛事回放频道、个人直播频道。
                    <br/>赛事直播频道可以收看LPL、LSPL、LCK、LCS、LMS、高校联赛、全明星赛等国内外各大职业赛事。
                    <br/>精彩赛事回放频道则是对直播功能的补充。同时还有官方专门编辑经典赛事进行的回放。
                    <br/>个人直播频道则包含了各种类型的主播、职业选手、解说等的第一视角。
                </p>
            </div>

        </div>
        <!-- end sidebar -->
    </div>
    <!-- end container -->
    <nav role="navigation">
        <ol class="pagination">
            <li>1</li>
            <li><a href="网页2.html">2</a></li>
            <li><a href="网页.html">3</a></li>
            <li><a href="index.html">4</a></li>
            <li><a href="2.html">5</a></li>
            <li><a href="3.html">6</a></li>
            <li><a href="网页7.html">7</a></li>
            <li><a href="网页8.html">8</a></li>
            <li><a href="网页9.html">9</a></li>
        </ol>
    </nav>
    <!-- ==== START PAGE FOOTER ==== -->
    <footer role="contentinfo" class="footer">
        <p class="legal"><small>&copy; 2018年10月13日</small></p>
    </footer>
    <!-- end page footer -->
</div> <!-- end page -->

<script>
    function init(){
        var len = 150;      //默认显示字数
        var ctn = document.getElementById("content");  //获取div对象
        var content = ctn.innerHTML;                   //获取div里的内容

        //alert(content);
        var span = document.createElement("span");     //创建<span>元素
        var a = document.createElement("a");           //创建<a>元素
        span.innerHTML = content.substring(0,len);     //span里的内容为content的前len个字符

        a.innerHTML = content.length>len?"... 展开&nbsp>>":"";  //判断显示的字数是否大于默认显示的字数    来设置a的显示
        a.href = "javascript:void(0)";

        a.onclick = function(){
            if(a.innerHTML.indexOf("展开")>0){      //如果a中含有"展开"则显示"收起"
                a.innerHTML = "<<&nbsp;收起";
                span.innerHTML = content;
            }else{
                a.innerHTML = "... 展开&nbsp>>";
                span.innerHTML = content.substring(0,len);
            }
        }
        // 设置div内容为空，span元素 a元素加入到div中
        ctn.innerHTML = "";
        ctn.appendChild(span);
        ctn.appendChild(a);
    }
</script>
<script>
    function init1(){
        var len = 180;      //默认显示字数
        var ctn = document.getElementById("content1");  //获取div对象
        var content = ctn.innerHTML;                   //获取div里的内容

        //alert(content);
        var span = document.createElement("span");     //创建<span>元素
        var a = document.createElement("a");           //创建<a>元素
        span.innerHTML = content.substring(0,len);     //span里的内容为content的前len个字符

        a.innerHTML = content.length>len?"... 展开&nbsp>>":"";  //判断显示的字数是否大于默认显示的字数    来设置a的显示
        a.href = "javascript:void(0)";

        a.onclick = function(){
            if(a.innerHTML.indexOf("展开")>0){      //如果a中含有"展开"则显示"收起"
                a.innerHTML = "<<&nbsp;收起";
                span.innerHTML = content;
            }else{
                a.innerHTML = "... 展开&nbsp>>";
                span.innerHTML = content.substring(0,len);
            }
        }
        // 设置div内容为空，span元素 a元素加入到div中
        ctn.innerHTML = "";
        ctn.appendChild(span);
        ctn.appendChild(a);
    }
</script>
<script>
    function init2(){
        var len = 180;      //默认显示字数
        var ctn = document.getElementById("content2");  //获取div对象
        var content = ctn.innerHTML;                   //获取div里的内容

        //alert(content);
        var span = document.createElement("span");     //创建<span>元素
        var a = document.createElement("a");           //创建<a>元素
        span.innerHTML = content.substring(0,len);     //span里的内容为content的前len个字符

        a.innerHTML = content.length>len?"... 展开&nbsp>>":"";  //判断显示的字数是否大于默认显示的字数    来设置a的显示
        a.href = "javascript:void(0)";

        a.onclick = function(){
            if(a.innerHTML.indexOf("展开")>0){      //如果a中含有"展开"则显示"收起"
                a.innerHTML = "<<&nbsp;收起";
                span.innerHTML = content;
            }else{
                a.innerHTML = "... 展开&nbsp>>";
                span.innerHTML = content.substring(0,len);
            }
        }
        // 设置div内容为空，span元素 a元素加入到div中
        ctn.innerHTML = "";
        ctn.appendChild(span);
        ctn.appendChild(a);
    }
</script>
<script>
    function init3(){
        var len = 180;      //默认显示字数
        var ctn = document.getElementById("content3");  //获取div对象
        var content = ctn.innerHTML;                   //获取div里的内容

        //alert(content);
        var span = document.createElement("span");     //创建<span>元素
        var a = document.createElement("a");           //创建<a>元素
        span.innerHTML = content.substring(0,len);     //span里的内容为content的前len个字符

        a.innerHTML = content.length>len?"... 展开&nbsp>>":"";  //判断显示的字数是否大于默认显示的字数    来设置a的显示
        a.href = "javascript:void(0)";

        a.onclick = function(){
            if(a.innerHTML.indexOf("展开")>0){      //如果a中含有"展开"则显示"收起"
                a.innerHTML = "<<&nbsp;收起";
                span.innerHTML = content;
            }else{
                a.innerHTML = "... 展开&nbsp>>";
                span.innerHTML = content.substring(0,len);
            }
        }
        // 设置div内容为空，span元素 a元素加入到div中
        ctn.innerHTML = "";
        ctn.appendChild(span);
        ctn.appendChild(a);
    }
</script>
<script>
    function init4(){
        var len = 180;      //默认显示字数
        var ctn = document.getElementById("content4");  //获取div对象
        var content = ctn.innerHTML;                   //获取div里的内容

        //alert(content);
        var span = document.createElement("span");     //创建<span>元素
        var a = document.createElement("a");           //创建<a>元素
        span.innerHTML = content.substring(0,len);     //span里的内容为content的前len个字符

        a.innerHTML = content.length>len?"... 展开&nbsp>>":"";  //判断显示的字数是否大于默认显示的字数    来设置a的显示
        a.href = "javascript:void(0)";

        a.onclick = function(){
            if(a.innerHTML.indexOf("展开")>0){      //如果a中含有"展开"则显示"收起"
                a.innerHTML = "<<&nbsp;收起";
                span.innerHTML = content;
            }else{
                a.innerHTML = "... 展开&nbsp>>";
                span.innerHTML = content.substring(0,len);
            }
        }
        // 设置div内容为空，span元素 a元素加入到div中
        ctn.innerHTML = "";
        ctn.appendChild(span);
        ctn.appendChild(a);
    }
</script>
<script>
    function init5(){
        var len = 180;      //默认显示字数
        var ctn = document.getElementById("content5");  //获取div对象
        var content = ctn.innerHTML;                   //获取div里的内容

        //alert(content);
        var span = document.createElement("span");     //创建<span>元素
        var a = document.createElement("a");           //创建<a>元素
        span.innerHTML = content.substring(0,len);     //span里的内容为content的前len个字符

        a.innerHTML = content.length>len?"... 展开&nbsp>>":"";  //判断显示的字数是否大于默认显示的字数    来设置a的显示
        a.href = "javascript:void(0)";

        a.onclick = function(){
            if(a.innerHTML.indexOf("展开")>0){      //如果a中含有"展开"则显示"收起"
                a.innerHTML = "<<&nbsp;收起";
                span.innerHTML = content;
            }else{
                a.innerHTML = "... 展开&nbsp>>";
                span.innerHTML = content.substring(0,len);
            }
        }
        // 设置div内容为空，span元素 a元素加入到div中
        ctn.innerHTML = "";
        ctn.appendChild(span);
        ctn.appendChild(a);
    }
</script>
<script>
    function init6(){
        var len = 180;      //默认显示字数
        var ctn = document.getElementById("content6");  //获取div对象
        var content = ctn.innerHTML;                   //获取div里的内容

        //alert(content);
        var span = document.createElement("span");     //创建<span>元素
        var a = document.createElement("a");           //创建<a>元素
        span.innerHTML = content.substring(0,len);     //span里的内容为content的前len个字符

        a.innerHTML = content.length>len?"... 展开&nbsp>>":"";  //判断显示的字数是否大于默认显示的字数    来设置a的显示
        a.href = "javascript:void(0)";

        a.onclick = function(){
            if(a.innerHTML.indexOf("展开")>0){      //如果a中含有"展开"则显示"收起"
                a.innerHTML = "<<&nbsp;收起";
                span.innerHTML = content;
            }else{
                a.innerHTML = "... 展开&nbsp>>";
                span.innerHTML = content.substring(0,len);
            }
        }
        // 设置div内容为空，span元素 a元素加入到div中
        ctn.innerHTML = "";
        ctn.appendChild(span);
        ctn.appendChild(a);
    }
</script>
</body>

</html>
